/**
 * 消息提示工具
 */
const Message = {
    /**
     * 显示消息提示
     * @param {string} message - 提示内容
     * @param {string} type - 提示类型：success/error/warning/info
     * @param {number} duration - 显示时长(ms)，默认3000ms
     */
    show(message, type = 'info', duration = 3000) {
        // 移除已有的消息提示
        this.hide();

        // 创建消息元素
        const messageEl = document.createElement('div');
        messageEl.className = `message message-${type}`;
        messageEl.innerHTML = `
            <i class="message-icon"></i>
            <span class="message-content">${message}</span>
        `;

        // 添加到页面
        document.body.appendChild(messageEl);

        // 添加显示动画
        setTimeout(() => {
            messageEl.classList.add('message-show');
        }, 10);

        // 定时移除
        setTimeout(() => {
            this.hide();
        }, duration);
    },

    /**
     * 隐藏消息提示
     */
    hide() {
        const messageEl = document.querySelector('.message');
        if (messageEl) {
            messageEl.classList.remove('message-show');
            setTimeout(() => {
                messageEl.remove();
            }, 300);
        }
    },

    // 快捷方法
    success(message, duration) {
        this.show(message, 'success', duration);
    },

    error(message, duration) {
        this.show(message, 'error', duration);
    },

    warning(message, duration) {
        this.show(message, 'warning', duration);
    },

    info(message, duration) {
        this.show(message, 'info', duration);
    }
}; 